<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<b><p style="font-size: 20px;">工作经历</p></b>
		<div id="div1">		
		<hr >
		<div id="div2">
			
		
		公司名称：<input type="text" name="" id="" value="" />
		职位：<input type="text" name="" id="" value="" />
		<a href="#" onclick="shanchu()">删除工作经历</a>
		<br><br><br>	     
		<form action="" method="">
			<table border="0px" >
				<tr>
					<td>工作职责及工作内容描述：</td>
					<td><textarea rows="6" cols="70"></textarea></td>
				</tr>			
			</table>
		</form>	
	    <br><hr>
		 </div>
	     <a href="#" style="padding-left: 1200px;" onclick="tianjia()">添加工作经历</a>
		
		 </div>
	</body>
	<script type="text/javascript">
		function tianjia(){
			var div1Obj=document.getElementById('div1')
			div1Obj.innerHTML+=`
			<div id="div1">
			<hr >
			<div id="div2">
				
			
			公司名称：<input type="text" name="" id="" value="" />
			职位：<input type="text" name="" id="" value="" />
			<a href="#" onclick="shanchu()">删除工作经历</a>
			<br><br><br>	     
			<form action="" method="">
				<table border="0px" >
					<tr>
						<td>工作职责及工作内容描述：</td>
						<td><textarea rows="6" cols="70"></textarea></td>
					</tr>			
				</table>
			</form>	
			<br><hr>
			 </div>
			 <a href="#" style="padding-left: 1200px;" onclick="tianjia()">添加工作经历</a>
			
			 </div>`
		}
		
		function shanchu(){
			var div1Obj=document.getElementById('div1')
			var div2Obj=document.getElementById('div2')
			div1Obj.removeChild(div2Obj)
		}
	</script>
</html>
